
<%@ page import="renol.Service" %>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <meta name="layout" content="main" />
        <g:set var="entityName" value="${message(code: 'service.label', default: 'Service')}" />
        <title><g:message code="default.show.label" args="[entityName]" /></title>
    </head>
    <body>

        <div class="body">
            <h1><g:message code="default.show.label" args="[entityName]" /></h1>
  
            <div class="dialog">
               <table style="width: 100%">
                <tr>
                  <td style="width: 50%">
                <g:if test="${serviceInstance.type == 0}">
                  <iframe title="YouTube video player" class="youtube-player" type="text/html" 
                          width="300" height="275" src="${serviceInstance.url}"
                          frameborder="0" allowFullScreen></iframe>  
                </g:if>
                <g:if test="${serviceInstance.type == 1}">
                  <img src="${serviceInstance.img1}" width="300" height="275" alt="" />
                </g:if>
                <g:if test="${serviceInstance.type == 2}">
                  <img src="${serviceInstance.img1}" width="300" height="275" alt="" />
                </g:if>
                </td>
                <td>
                  <h4><g:link action="showService" id="${serviceInstance.id}">${serviceInstance.title}</g:link></h4>
                  <p class="cmt comments">${serviceInstance.content}</p>
                  <p class="date"> Problem: ${serviceInstance.problem}</p>      
                  <p class="author">Solution: ${serviceInstance.solution}</p>
                </td>
                </tr>
              </table>    
            </div>
        </div>
    </body>
</html>
